<!DOCTYPE html>
<html class="no-js" lang="en">
<head th:replace="mallInclude::header"></head>

<body data-spy="scroll" data-target=".navbar-collapse">

<div th:replace="mallInclude::preloader"></div>

<nav th:replace="mallInclude::navigator"></nav>

<div class="culmn">
    <!--About Banner section-->
    <div class="banner-area service-banner">
        <div class="container">
            <div class="row">
                <div class="main-banner text-center">
                    <h2 class="text-white">Our Blog</h2>
                    <ol class="breadcrumb">
                        <li><a href="index1.html">Home</a></li>
                        <li class="active"><a href="blogpage.html">Blog</a></li>
                    </ol>
                </div>
            </div><!-- End off row -->
        </div><!-- End off container -->
    </div><!-- End off banner section -->


    <!--Newest Blog post section-->
    <section id="blog-page" class="blog-page sections">
        <div class="container">
            <div class="row">
                <div class="col-md-9">
                    <div id="content" class="summernote"></div>
                </div>


                <div class="col-md-3 col-md-offset-0">
                    <div class="sidebar sm-m-top-80">
                        <div class="sidebar-item search-post">
                            <div class="input-group">
                                <input type="text" class="form-control" placeholder="Search">
                                <a href=""><i class="fa fa-search"></i></a>
                            </div>
                        </div><!--End off sidebar itme -->

                        <div class="sidebar-item category m-top-50">
                            <h3>Categories</h3>
                            <div class="separator"><span></span><span></span><span></span></div>
                            <ul class="m-top-30">
                                <li><a href="">Local SEO</a></li>
                                <li><a href="">Social Media Marketing</a></li>
                                <li><a href="">Email Marketing</a></li>
                                <li><a href="">PPC Management</a></li>
                                <li><a href="">Technology</a></li>
                                <li><a href="">Business</a></li>
                            </ul>
                        </div><!-- End off sidebar itme -->

                        <div class="sidebar-item recent-comments m-top-50">
                            <h3>Recent Comments</h3>
                            <div class="separator"><span></span><span></span><span></span></div>
                            <p class="m-top-30"><a href="">SEO XRay does NOT Work</a> <br/>
                                <a href="" class="m-top-10"><span class="icon icon-calendar"></span> 10-12-2017</a>
                            </p>
                            <p><a href="">there was a time...</a> <br/>
                                <a href="" class="m-top-10"><span class="icon icon-calendar"></span> 09-10-2017</a>
                            </p>
                            <p><a href="">hard problem...</a> <br/>
                                <a href="" class="m-top-10"><span class="icon icon-calendar"></span> 08-10-2017</a>
                            </p>
                        </div><!-- End off sidebar itme -->

                        <div class="sidebar-item proposal m-top-50">
                            <h3 class="text-center">Request A Proposal</h3>
                            <div class="separator text-center"><span></span><span></span><span></span></div>
                            <div class="proposal-from m-top-30">
                                <form>
                                    <div class="form-group">
                                        <input type="text" class="form-control" placeholder="Website URL*">
                                    </div>
                                    <div class="form-group">
                                        <input type="text" class="form-control" placeholder="First Name*">
                                    </div>
                                    <div class="form-group">
                                        <input type="text" class="form-control" placeholder="Last Name*">
                                    </div>
                                    <div class="form-group">
                                        <input type="email" class="form-control" placeholder="Email*">
                                    </div>
                                    <div class="form-group">
                                        <input type="text" class="form-control" placeholder="Phone Number*">
                                    </div>
                                    <div class="form-group">
                                        <input type="text" class="form-control" placeholder="Company Name">
                                    </div>
                                    <div class="form-group">
                                        <input type="text" class="form-control" placeholder="Country*">
                                    </div>

                                    <p class="m-top-20">Services Interested In:</p>
                                    <div class="checkbox">
                                        <label>
                                            <input type="checkbox"> SEO
                                        </label>
                                    </div>
                                    <div class="checkbox">
                                        <label>
                                            <input type="checkbox"> Content Marketing
                                        </label>
                                    </div>
                                    <div class="checkbox">
                                        <label>
                                            <input type="checkbox"> Social
                                        </label>
                                    </div>
                                    <div class="checkbox">
                                        <label>
                                            <input type="checkbox"> PPC
                                        </label>
                                    </div>
                                    <div class="checkbox">
                                        <label>
                                            <input type="checkbox"> Video Marketing
                                        </label>
                                    </div>
                                    <div class="checkbox">
                                        <label>
                                            <input type="checkbox"> Web Development
                                        </label>
                                    </div>
                                    <div class="checkbox">
                                        <label>
                                            <input type="checkbox"> Conversion Optimization
                                        </label>
                                    </div>
                                    <div class="checkbox">
                                        <label>
                                            <input type="checkbox"> Other
                                        </label>
                                    </div>

                                    <div class="form-group">
                                        <textarea class="form-control" cols="30" rows="8"
                                                  placeholder="Additional Message ..."></textarea>
                                    </div>

                                    <div class="checkbox">
                                        <label>
                                            <input type="checkbox"> My customers fall within a 50 mile radius
                                        </label>
                                    </div>
                                    <div class="sidebar-btns text-center">
                                        <button type="submit" class="btn btn-default btn-round">Submit</button>
                                    </div>
                                </form>
                            </div>
                        </div><!-- End off sidebar itme -->

                        <div class="sidebar-item articles m-top-50">
                            <h3>Latest Articles</h3>
                            <div class="separator"><span></span><span></span><span></span></div>
                            <p class="m-top-30"><a href="">Measuring cost in seconds: How short delays lead to users
                                ditching slow websites</a> <br/>
                                <a href="" class="m-top-10"><span class="icon icon-calendar"></span> 10-12-2017</a>
                            </p>
                            <p><a href="">SearchCap: Google app update, Bing & Google Ad Editor and for those
                                holiday decorations</a> <br/>
                                <a href="" class="m-top-10"><span class="icon icon-calendar"></span> 09-10-2017</a>
                            </p>
                            <p><a href="">Google confirms testing movie and TV show ratings with like and dislike
                                buttons</a> <br/>
                                <a href="" class="m-top-10"><span class="icon icon-calendar"></span> 08-10-2017</a>
                            </p>
                        </div><!-- End off sidebar itme -->

                        <div class="sidebar-item tags m-top-50">
                            <h3>Tags</h3>
                            <div class="separator"><span></span><span></span><span></span></div>
                            <div class="tags-content m-top-30">
                                <a href="">elections</a>
                                <a href="">SEO</a>
                                <a href="">emails</a>
                                <a href="">marketing</a>
                                <a href="">technology</a>
                                <a href="">local seo</a>
                                <a href="">social media</a>
                            </div>

                        </div><!-- End off sidebar itme -->
                    </div>
                </div><!-- End off col-md-4 -->


            </div> <!-- End off row -->
        </div> <!-- End off container -->
    </section> <!-- End off Blog page section-->


    <!-- Footer Widget section -->
    <section th:replace="mallInclude::section-contact-14"></section>


    <footer th:replace="mallInclude::footBar"></footer>


</div>

<!-- JS includes -->

<div th:replace="mallInclude::footerJs" ></div>
<script type="text/javascript" th:inline="javascript">
    $().ready(function() {
        $('.summernote').summernote({
            lang : 'zh-CN'
        });
        var content = /*[[${bContent.content}]]*/
            $('#content').code(content);
        $('.summernote').destroy();
    });
</script>
</body>
</html>
